<template>
 <div>
<!--     页头-->
    <page-header :show-category="showCategory"></page-header>

<!--     页内容-->
    <div class="main-container">

        <router-view @showCate="showCateMethod"></router-view>

    </div>
     <div class="main-container">
         <home-class></home-class>
     </div>


<!--     页尾-->
    <page-footer></page-footer>
 </div>

</template>

<script>
  import PageHeader from "./components/PageHeader";
  import PageFooter from "./components/PageFooter";
  import HomeClass from "./components/index/HomeClass"

  export default {

    name:'APP',
      data:function () {
        return {
            showCategory:true
        }
      },
      methods:{
          showCateMethod:function (v) {
            this.showCategory=v
          }
      },
    components:{
        PageHeader,
        PageFooter,
        HomeClass
  }

  }


</script>


<style>

  .main-container{
      height: auto;
      min-height: calc(100vh - 215px);
  }

</style>
